@charset "utf-8";


/**/

.cx_pro{position: relative;margin: 20px auto 0; height: 800px}
.cx_pro:after{content: ''; height: 150px;background: #0a4595;position: absolute;bottom: 0;width: 100%;z-index: 0;}
.cx_pro_con{  width: 100%;margin: 0 auto}

.cx_pro_con .hd{  position:relative; width: 265px;float: left }
.cx_pro_con .hd ul{ float:left; border-top: 1px solid #efefef; width: 100%;padding-top: 20px;}
.cx_pro_con .hd ul li a{ padding:0 15px; cursor:pointer;display: block; width: 100%; line-height: 50px }
.cx_pro_con .hd ul li{border-radius: 0 30px 30px 0;background: #fff;position: relative;padding-left: 30px; box-sizing: border-box;margin: 20px  auto}
.cx_pro_con .hd ul li:before{content: ''; border:1px solid #efefef; border-radius: 50%; width: 8px; height: 8px;display: inline-block; position: absolute; left: 21px; top: 21px}
.cx_pro_con .hd ul .on{ background: #0a4595; color: #fff ; line-height: 50px;height: 50px; border-radius: 0 30px 30px 0}
.cx_pro_con .hd ul .on a{color: #fff}


.cx_pro_con .bd {width: 900px;float: right;position: relative; z-index: 2}
.cx_pro_con .bd ul{ padding:15px 0;  zoom:1;  }
.cx_pro_con .bd ul img{width: 100%}
.cx_pro_con .bd li{ height:24px; line-height:24px;   }
.cx_pro_con .bd .piccon{ width: 1200px; top: 400px;right:0px;position: absolute; z-index: 2 }
.cx_pro_con .bd .piccon ul{padding: 0}
.cx_pro_con .bd .piccon li{width: 24.25%;float: left;margin-right: 1%;box-sizing: border-box;}
.cx_pro_con .bd .piccon li img{ width: 100%;padding: 5px;border:1px solid #efefef;box-sizing: border-box; height: 220px}
.cx_pro_con .bd .piccon li h5{font-size: 16px; text-align: center; line-height: 200%; color: #fff}
.cx_pro_con .bd .piccon li:nth-child(4n+0){margin-right: 0}


        /* 下面是前/后按钮代码，如果不需要删除即可 */
.cx_pro_con .arrow{  position:absolute; right:10px; top:0; }
.cx_pro_con .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
             cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }
.cx_pro_con .arrow .next{ background-position:0 -50px;  }
.cx_pro_con .arrow .prevStop{ background-position:-60px 0; }
.cx_pro_con .arrow .nextStop{ background-position:-60px -50px; }




/*合作伙伴*/
.cx_partner{
    background: #f5f5f5
}

.cx_partner .cx_tit{border-bottom: 1px solid #cccccc}

.cx_partner_con{ padding: 30px 0 40px 0 }
.cx_partner_con .bd ul{ overflow:hidden; zoom:1;}
.cx_partner_con .bd ul li{ margin:0 ; float:left; _display:inline; overflow:hidden; text-align:center; width: 20%;box-sizing: border-box;padding: 10px}
.cx_partner_con .bd ul li img{ width: 100% ;padding: 10px;border:1px solid #efefef;box-sizing: border-box;}
/*公司简介*/
.cx_about {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: auto;
    z-index: 2;
    border-bottom: 1px solid #efefef;padding-bottom: 50px
}

.cx_about .content {
}

.cx_about .left {
    float: right
}


.cx_about .right {
    width: 620px;
    float: left;
}

.cx_about .right h2 {
    font-size: 24px;
    line-height: 50px
}

.cx_about .right p {
    padding: 20px 0
}

.cx_about .right dl {
    width: 33.333333%;
    float: left;
    text-align: center;
    color: #0a4595;margin-top: 30px
}

.cx_about .right dl dt {
    font-size: 36px;
    font-family: 'Impact';
    position: relative;
}

.cx_about .right dl dt em {
    font-style: normal;
    font-size: 14px;
    position: absolute;
    top: 0;
    margin-left: 10px;
    font-family: 'Microsoft Yahei';
    font-weight: bold;color: #888888
}

.cx_about .right dl dd {
    line-height: 50px;color: #888888
}

.cx_about p {
    font-size: 14px;
    line-height: 35px;
    text-indent: 30px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}


.cx_about a {
    padding: 10px 45px;
    color: #fff;
    border: 1px solid #999999;
}

.cx_about a:hover {
    background: #d8170f;
    color: #fff;
    border: none;
}

/*应用范围*/
.cx_applied {
    position: relative;
    width: 100%;
    height: 630px;
    margin-bottom: 20px
}
.cx_applied:before{content: '';background: url(../images/about_bg.jpg) center; height: 610px; width: 100%;position: absolute;top: -249px;z-index: 1}


.cx_applied_con{ width:100%; position:relative; z-index: 2 }
.cx_applied_con .hd{ overflow:hidden; position: absolute;top:-50px;right: 0; z-index: 2}
.cx_applied_con .hd .prev,.cx_applied_con .hd .next{ display:block;  float:right;font-family: 'Kaiti';font-size: 48px;color: #fff;padding-left:10px;display: inline-block; cursor: pointer;}

.cx_applied_con .bd{ padding:20px 0;  box-sizing:border-box;}
.cx_applied_con .bd ul{ overflow:hidden; zoom:1; }
.cx_applied_con .bd ul dl{  overflow:hidden; height: 520px; display: inline-block;position: relative; width: 320px}
.cx_applied_con .bd ul dl dt{ text-align:center; width: 320px; height: 260px;position: absolute; top: 0}
.cx_applied_con .bd ul dl dd{padding: 50px 0 0 30px;box-sizing: border-box; height: 260px;position: absolute;top: 260px}
.cx_applied_con .bd ul dl dd h3{font-size: 22px; font-weight: bold;color: #262626}
.cx_applied_con .bd ul dl dd h4{color: #cccccc;text-transform: uppercase;font-size: 22px;font-weight: 100}
.cx_applied_con .bd ul dl dd .more{ border: 1px solid #efefef; padding: 5px 20px; display: inline-block;text-align: center; float: left; line-height: 30px;margin-top: 10px}
.cx_applied_con .bd ul dl dd .more:hover{background: #005bac;color: #fff;border-color: #005bac}

.cx_applied_con .bd ul dl:nth-child(2n+0) dt{ text-align:center; width: 320px; height: 260px;position: absolute; top: 260px}
.cx_applied_con .bd ul dl:nth-child(2n+0) dd{padding: 50px 0 0 30px;box-sizing: border-box; height: 260px;position: absolute;top: 0}
.cx_applied_con .bd ul dl:nth-child(2n+0) dd h3{font-size: 22px; font-weight: bold;color: #fff}
.cx_applied_con .bd ul dl:nth-child(2n+0) dd h4{color: #fff;text-transform: uppercase;font-size: 22px;font-weight: 100}
.cx_applied_con .bd ul dl:nth-child(2n+0) dd .more{ border: 1px solid #fff; padding: 5px 20px; display: inline-block;text-align: center; float: left; line-height: 30px;margin-top: 10px;color: #fff}
.cx_applied_con .bd ul dl:nth-child(2n+0) dd .more:hover{background: #fff;color: #005bac;border-color: #005bac}